<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>会员充值/会员冲次</title>
    <title>会员列表</title>
    <!--图片样式-->
    <link rel="stylesheet" href="/static/js/plugins/jquery-easyui/themes/icon.css">
    <!--easyUI样式-->
    <link rel="stylesheet" href="/static/js/plugins/jquery-easyui/themes/default/easyui.css">
    <!--easyUI依赖的jQuery程序库-->
    <script src="/static/js/plugins/jquery-easyui/jquery.min.js"></script>
    <!--引入easyUI的程序库-->
    <script src="/static/js/plugins/jquery-easyui/jquery.easyui.min.js"></script>
    <script src="/static/js/plugins/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
    <script src="/static/js/system/memberRecharge.js"></script>
    <link rel="stylesheet" href="/static/css/wheel.css">
    <style>
        #tt .member {
            padding: 1%;
            background-color: #eeeeee;
        }

        #tt .member .add_div {
            height: 55%
        }

        #tt .member .add_div > div {
            background-color: #ffffff;
            border: 2px outset #95B8E7;

        }

        #tt .member .table_div {
            height: 40%
        }

        #tt .member > div {
            padding-bottom: 1%;
        }

        #tt .member > div > div {

            height: 100%;
        }

        #tt .member .into {
            float: left;
            margin-top: 5px;
            height: 100%;
            width: 44%;
            padding-left: 1%;
        }

        #tt .member .item {
            border-left: 1px solid;
            margin-top: 5px;
            float: left;
            height: 96%;
            width: 54%;
        }

        #memberRecharge .into_table {
            margin: auto;
            padding-top: 5px;
            height: 50%;
        }

        #memberRecharge .into_table tr td {
            width: 300px;
        }

        #memberTime .into_table {
            margin: auto;
            padding-top: 5px;
            height: 30%;
        }

        #memberTime .into_table tr td {
            width: 300px;
            height: 40%;
        }

        #memberTime .item_table {
            margin: auto;
            padding-top: 5%;
            height: 90%;
        }

        #memberTime .item_table tr td {
            width: 300px;
            height: 10%;
        }

        #memberRecharge .item_table {
            margin: auto;
            padding-top: 5%;
            height: 90%;
        }

        #memberRecharge .item_table tr td {
            width: 60%;
            height: 10%;
        }

        #memberRecharge .item_table tr td.td_1 {
            width: 30%;
            height: 10%;
        }
    </style>
</head>
<body style="height: 100%;margin: 0;padding: 0">
<div id="tt" class="easyui-tabs" fit:true; style="height: 100%"
     data-options="pill:true,tabHeight:40,tabWidth:200,plain:true">
    <div id="memberRecharge" class="member" title="会员充值">
        <div class="add_div">
            <div>
                <div class="into">
                    <div style="height: 30%;" align="center">
                        <img src="/static/js/plugins/css3-image-grid-layout/img/2.png" height="90%" align="center">
                    </div>
                    <table class="into_table">
                        <tr>
                            <td>会员卡号:<input type="text" id="selectMember"
                            ></td>
                            <td>会员姓名:<span class="memberName"></span></td>
                        </tr>
                        <tr>
                            <td>当前等级:<span class="grade"></span></td>
                            <td>会员生日:<span class="birthDate"></span></td>
                        </tr>
                        <tr>
                            <td>卡片余额:<span class="balance"></span><span style="color: #CC2222;font-size: 20px">￥</span>
                            </td>
                            <td>当前积分:<span class="integral"></span></td>
                        </tr>
                        <tr>
                            <td>累计消费:<span class="totalConsume"></span><span
                                    style="color: #CC2222;font-size: 20px">￥</span></td>
                            <td>过期时间:<span>~~~~~~</span></td>
                        </tr>
                    </table>
                </div>
                <div class="item">
                    <form method="post" id="formRecharge">
                        <table class="item_table">
                            <tr>
                                <input type="hidden" id="memberId" name="member.id">
                                <input type="hidden" id="memberBalance" name="member.balance">
                                <td class="td_1">选择类型:</td>
                                <td>
                                    <select class="easyui-combobox" name="operateType"
                                            data-options="editable:false" style="width: 100px;">
                                        <option value="0">充值</option>
                                        <option value="1">扣费</option>
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <td class="td_1">充值金额:</td>
                                <td><input class="easyui-textbox money" name="money" style="width:300px"></td>
                            </tr>
                            <tr>
                                <td class="td_1">赠送金额:</td>
                                <td><input class="easyui-textbox sendMoney" name="sendMoney" style="width:300px"></td>
                            </tr>
                            <tr>
                                <td class="td_1">支付方式:</td>
                                <td><input class="group paymentWay" name="paymentWay.id">
                                </td>
                            </tr>
                            <tr>
                                <td class="td_1" height="50px">充值备注:</td>
                                <td height="50px">
                                    <textarea name="remark" class="remark" cols="25" rows="5"></textarea>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2">合计充值:<span style="color: #CC2222;font-size: 20px">￥</span>
                                    <span class="summation">0</span><%--合计--%>
                                    <span>(没优惠)</span>
                                </td>
                            </tr>
                            <tr>
                                <td class="td_1">打印小票:</td>
                                <td><a id="btn" href="javascript:;" class="easyui-linkbutton" data-cmd="addRecharge"
                                       data-options="width:100">确定</a></td>
                            </tr>
                        </table>
                    </form>
                </div>
            </div>
        </div>
        <div class="table_div">
            <table id="memberRecharge_dataGrid" fit=true></table>
        </div>
    </div>
    <div id="memberTime" class="member" title="会员冲次" style="background-color: #eeeeee">
        <div class="add_div">
            <div>
                <div class="into">
                    <table class="into_table">
                        <tr>
                            <td>会员卡号:<input type="text" id="selectTime"
                            ></td>
                            <td>会员姓名:<span class="memberName"></span></td>
                        </tr>
                        <tr>
                            <td>会员等级:<span class="grade"></span></td>
                            <td>当前积分:<span class="integral"></span></td>
                        </tr>
                    </table>
                    <table id="TimeTable" style="margin-left:10px;height: 65%;width: 95%">
                    </table>
                </div>
                <div class="item">
                    <form method="post" id="saveProductService">
                        <table class="item_table">
                            <tr>
                                <input id="TimeMemberId" type="hidden" name="time.member.id"><%--会员id--%>
                                <input id="serviceId" type="hidden" name="time.service.id"><%--商品id--%>
                                <input id="timeId" type="hidden" name="time.id"><%--次数表id--%>
                                <td>选择商品:<input id="serviceName" class="easyui-textbox" name="serviceName"
                                >
                                </td>
                                <td>所需金额:<input readonly class="easyui-textbox paymentMoney" name="paymentMoney">
                                </td>
                            </tr>
                            <tr>
                                <td>支付方式:
                                    <input class="group paymentWay" name="paymentWay.id">
                                </td>
                                <td>冲次次数:<input class="easyui-textbox number" name="number"></td>
                            </tr>
                            <tr>
                                <td>有效期:<input id="cruuentDate" name="time.cruuentDate" type="text"
                                               class="easyui-datebox" required="required"> </input>
                                </td>
                                <td>
                                    <select id="endDate" class="easyui-combobox"
                                            style="width: 100px">
                                        <option value="1">一个月</option>
                                        <option value="3">三个月</option>
                                        <option value="6">半年</option>
                                        <option value="12">一年</option>
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <td height="50px" colspan="2">会员备注:<textarea name="remark" cols="25"
                                                                             rows="5"></textarea></td>
                            </tr>
                            <tr>
                                <td>合计充值:￥
                                    <spen class="summation"></spen>
                                    (没优惠)
                                </td>
                            </tr>
                            <tr>
                                <td class="td_1">打印小票:</td>
                                <td><a href="javascript:;" class="easyui-linkbutton" data-cmd="addProduct"
                                       data-options="width:100">确定</a></td>
                            </tr>
                        </table>
                    </form>
                </div>
            </div>
        </div>

        <div class="table_div">
            <table id="TimeItemTable" fit=true></table>
        </div>
    </div>
</div>
<div id="memberListDialog">
    <table id="memberList_dataGrid" fit=true></table>
</div>
<div id="memberTimeListDialog">
    <table id="memberTime_dataGrid" fit=true></table>
</div>
<div id="departmentDialog">
    <table id="departmentDialog_dataGrid" fit=true></table>
</div>
</body>
</html>
